<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">


<head th:include="~{page/head :: head}"></head>

<body class="hold-transition skin-blue sidebar-mini">

<div class="wrapper">
    <!--顶部导航栏-->
    <header th:insert="~{page/top_nav::top_nav}"></header>
    <!--左导航-->
    <aside th:insert="~{page/left_nav::left_nav}"></aside>
    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper">
    <section th:insert="~{page/dash::section_info('首页')}"></section>
        <!-- 信息 -->
        <section class="content">
            <div class="row">
                <div class="col-md-3 col-sm-6 col-xs-12">
                    <div class="info-box">
                        <span class="info-box-icon bg-aqua"><i class="ion ion-ios-gear-outline"></i></span>

                        <div class="info-box-content">
                            <span class="info-box-text">空间使用</span>
                            <span class="info-box-number">10<small>%</small></span>
                        </div>
                        <!-- /.info-box-content -->
                    </div>
                    <!-- /.info-box -->
                </div>
                <!-- /.col -->
                <div class="col-md-3 col-sm-6 col-xs-12">
                    <div class="info-box">
                        <span class="info-box-icon bg-red"><i class="icon ion-ios-cloud-upload"></i></span>

                        <div class="info-box-content">
                            <span class="info-box-text">上传文件数量</span>
                            <span class="info-box-number">6</span>
                        </div>
                        <!-- /.info-box-content -->
                    </div>
                    <!-- /.info-box -->
                </div>
                <!-- /.col -->

                <!-- fix for small devices only -->
                <div class="clearfix visible-sm-block"></div>

                <div class="col-md-3 col-sm-6 col-xs-12">
                    <div class="info-box">
                        <span class="info-box-icon bg-green"><i class="icon ion-ios-cloud-download"></i></span>

                        <div class="info-box-content">
                            <span class="info-box-text">下载文件数量</span>
                            <span class="info-box-number">76</span>
                        </div>
                        <!-- /.info-box-content -->
                    </div>
                    <!-- /.info-box -->
                </div>
                <!-- /.col -->
                <div class="col-md-3 col-sm-6 col-xs-12">
                    <div class="info-box">
                        <span class="info-box-icon bg-yellow"><i class="icon ion-share"></i></span>

                        <div class="info-box-content">
                            <span class="info-box-text">分享数量</span>
                            <span class="info-box-number">2</span>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 统计 -->

            <div class="box box-solid">
                <div class="box-header">
                    <i class="fa fa-th"></i>

                    <h3 class="box-title">储存桶使用情况</h3>

                    <div class="box-tools pull-right">
                        <button type="button" class="btn bg-teal btn-sm" data-widget="collapse"><i
                                class="fa fa-minus"></i>
                        </button>
                        <button type="button" class="btn bg-teal btn-sm" data-widget="remove"><i
                                class="fa fa-times"></i>
                        </button>
                    </div>
                </div>
                <div class="box-body border-radius-none">
                    <div class="chart" id="line-chart" style="height: 650px;"></div>
                </div>

            </div>
            <!-- /.box -->
        </section>
    </div>

</div>
</body>
<div th:include="~{page/js_content :: jsContent}"></div>

<script src="https://cdn.bootcss.com/echarts/4.2.1-rc1/echarts.js"></script>
<script src="/static/js/mychar.js"></script>

</html>